﻿<%@ Page Title="Home" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="_00365.Default" %>

<%@ Register Src="./Shared/MainMenu.ascx" TagName="MainMenu" TagPrefix="uc1" %>
<!DOCTYPE html>

<html>
<head id="Head1" runat="server">
    <meta charset="utf-8" />
	<title>Tangram RH e-Campaign</title>
	<link href="styles/reset.css" rel="stylesheet" type="text/css" />
	<link href="styles/common.css" rel="stylesheet" type="text/css" />
	<link href="styles/jquery.ui.all.css" rel="stylesheet" type="text/css" />
	<link href="styles/dp_calendar.css" rel="stylesheet" type="text/css" />
	<link href="styles/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
	<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="scripts/jquery.validationEngine.js" type="text/javascript"></script>
	<script src="scripts/jquery.ui.core.min.js" type="text/javascript"></script>
	<script src="scripts/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="scripts/jquery.ui.datepicker.min.js" type="text/javascript"></script>
	<script src="scripts/i18n/jquery.ui.datepicker-pt-BR.js" type="text/javascript"></script>
	<script src="scripts/date.js" type="text/javascript"></script>
	<script src="scripts/jquery.dp_calendar.min.js" type="text/javascript"></script>
	<script src="scripts/jquery.dp_calendar-es.js" type="text/javascript"></script>
	<script type="text/javascript">
		jQuery(function ($) {
			$('#main-menu li').not('.active').hover(function () { $(this).stop().animate({ opacity: 1 }) }, function () { $(this).stop().animate({ opacity: 0.5 }) });
			var events = new Array(
				{
					startDate: new Date(2012, 05, 23, 10, 0),
					endDate: new Date(2012, 05, 24, 11, 0),
					title: "Campanha exemplo de calendário",
					description: "descrição da campanha criada",
					priority: 2,
					frecuence: 1
				},
				{
					startDate: new Date(2012, 05, 23, 10, 0),
					endDate: new Date(2012, 05, 24, 11, 0),
					title: "Campanha exemplo de calendário",
					description: "descrição da campanha criada",
					priority: 2,
					frecuence: 1
				}
			);
			$('#campaigns-calendar>.calendar').dp_calendar({ events_array: events, show_sort_by: false });
			$('#dates-calendar>.calendar').lp_calendar({
				show_sort_by: false,
				onChangeDay: function () {
					$.fn.dp_calendar.setDay($.fn.lp_calendar.getDay());
				}
			});
		});
	</script>
</head>
<body>
    <form id="form1" runat="server">
	<div class="page">
		<header>
			<img alt="bg" class="bg" src="images/background-header.jpg" />
			<div class="header-container">
				<div id="logos">
					<div class="client-logo alignleft">
						<img src="images/nokia-logo.png" />
					</div>
					<div class="system-logo alignright">
						<asp:HyperLink NavigateUrl="~/Default.aspx" ID="hplHome" runat="server"><img src="images/tangram-logo-200.png" /><img src="images/logo-mestra.png" /></asp:HyperLink>
						<div class="clear">
						</div>
						<div class="logoncontroller alignright">
							
						</div>
					</div>
					<div class="clear">
					</div>
				</div>
				<nav id="main-menu" class="alignleft">
					<uc1:MainMenu ID="MainMenu1" runat="server" />
				</nav>
				<div class="clear">
				</div>
			</div>
		</header>
		<section id="main">
			<div id="main-content">
				<div id="wrapper">
					<div class="alignleft" id="campaigns-calendar">
						<h2 class="tcenter">Campanhas Agendadas</h2>
						<div class="calendar"></div>
					</div>
					<div class="alignright" id="dates-calendar">
						<h2 class="tcenter">Eventos e Feriados</h2>
						<div class="calendar"></div>
					</div>
					<div class="clear mt20">
					</div>
					<div class="box left-box">
						<div class="head">
							Atalhos</div>
						<div class="content">
							<nav id="side-menu">
								
							</nav>
						</div>
					</div>
					<div class="box right-box">
						<div class="head">
							Bem vindo! Conheça aqui um pouco sobre o sistema.
						</div>
						<div class="content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non leo vitae enim tincidunt tristique sed eget felis. Etiam non lectus eu urna aliquam commodo sed vel massa. Vivamus rhoncus adipiscing orci vel sollicitudin. Mauris ultricies ultricies elit, in sodales erat imperdiet vel. Proin lorem est, laoreet id <a href="#">placerat</a> sit amet, aliquet eget mi. Nulla non mi nec ipsum congue consequat. Etiam iaculis scelerisque lobortis. Nunc feugiat pulvinar eros ut elementum.</p>
							<p>Mauris imperdiet ipsum ac nisl tempor nec semper velit sagittis. Vivamus laoreet volutpat ornare. Pellentesque eleifend luctus mauris. Donec consequat rutrum leo in lobortis. Maecenas aliquet lectus quis elit tempor nec euismod elit ultrices. Aliquam sagittis, turpis ac tempus suscipit, justo magna congue augue, ac ultrices sapien erat a tortor. Cras porta hendrerit <a href="#">placerat</a>. Nulla ultricies venenatis iaculis. Aenean in ligula dolor, ut vehicula augue.</p>
						</div>
					</div>
					<div class="clear">
					</div>
				</div>
			</div>
		</section>
		<footer>
			<img alt="bg" class="bg" src="images/background-footer.jpg" />
			<div class="footer-container">
			</div>
		</footer>
	</div>
    <div>
        
    </div>
    </form>
</body>
</html>